﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Service.aspx.cs" Inherits="Web.Teamsoo.Service" %>

<%@ Register Src="/Teamsoo/UserControl/Top.ascx" TagName="Top" TagPrefix="uc1" %>
<%@ Register Src="/Teamsoo/UserControl/Bottom.ascx" TagName="Bottom" TagPrefix="uc2" %>
<%@ Register Src="/Teamsoo/UserControl/Banner.ascx" TagName="Banner" TagPrefix="uc3" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <uc1:Top ID="Top1" runat="server" />
    <script type="text/javascript">
        function PostValue() {
            $.post('SiteAjax.ashx?type=addmsg', {
                name: $('#name').val(),
                company: $('#company').val(),
                linknum: $('#linknum').val(),
                linkemail: $('#linkemail').val(),
                address: $('#address').val(),
                checkcode: $('#checkcode').val(),
                need: $('#need').val()
            }, function (data) {
                if (data != "ok") {
                    alert(data);
                }
                else {
                    alert('我们已收到您的需求，感谢您的投递。\r\n我们会在之后的24小时内与您取得联系。\r\n谢谢！');
                    window.top.location.reload(true);
                }
            });
        }
        $(function () {
            $("input,#need").click(function () {
                if ($(this).val() == this.defaultValue) {
                    $(this).val('');
                    $(this).removeClass('novalue');
                    $(this).addClass('havevalue');
                }
            });
            $("input,#need").blur(function () {
                if ($(this).val() == '') {
                    $(this).val(this.defaultValue);
                    $(this).removeClass('havevalue');
                    $(this).addClass('novalue');
                }
            });
        });
    </script>
</head>
<body>
    <uc3:Banner ID="Banner1" runat="server" />
    <div class="ny_banner">
        <div class="nyb_c" style="background: url(/Teamsoo/Teamsoo/images/services.gif) bottom center no-repeat;">
        </div>
    </div>
    <div class="ny_main">
        <!---->
        <div style="padding: 33px 0 27px; overflow: hidden; zoom: 1;">
            <div style="width: 210px; padding-right: 27px; float: left;">
                <div style="width: 109px; height: 109px; padding: 0 0 5px 15px;">
                    <img alt=""
                        src="/Teamsoo/Teamsoo/images/services1.gif">
                </div>
                <div style="height: 30px; line-height: 30px; padding-bottom: 4px; font-size: 18px; font-family: '微软雅黑'; color: #000000; font-weight: bold;">
                    品牌网站建设与视觉设计
                </div>
                <div style="line-height: 21px; padding-bottom: 25px;">
                    从市场的角度和客户的需求出发，融合视觉美学
                    及有效策略，提升企业与产品的内在品质。
                </div>
                <div style="line-height: 21px; color: #333; font-size: 14px; line-height: 24px; margin-top: 23px;">
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>品牌网站创意设计<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>企业网站设计开发<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>企业形象设计<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>广告专题网站设计<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>电子商务网站<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>营销型门户网站<br>
                </div>
            </div>
            <div style="width: 210px; padding-right: 27px; float: left;">
                <div style="width: 109px; height: 109px; padding: 0 0 5px 15px;">
                    <img alt=""
                        src="/Teamsoo/Teamsoo/images/services4.gif">
                </div>
                <div style="height: 30px; line-height: 30px; padding-bottom: 4px; font-size: 18px; font-family: '微软雅黑'; color: #000000; font-weight: bold; width: 220px;">
                    移动APP与微网站开发建设
                </div>
                <div style="line-height: 21px; padding-bottom: 25px;">
                    为企业提供基于IOS和Android系统的移动APP应用定制开发

，提供移动产品全方位解决方案，满足客户对品牌及产品全方位展示，终端互动等

各方面需求。
                </div>
                <div style="line-height: 21px; color: #333; font-size: 14px; line-height: 24px;">
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>移动APP应用策划<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>移动网站设计开发<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>iOS移动应用开发<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>Android移动应用开发<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>UI界面设计<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>移动APP应用推广<br>
                </div>
            </div>
            <div style="width: 210px; padding-right: 27px; float: left;">
                <div style="width: 109px; height: 109px; padding: 0 0 5px 15px;">
                    <img alt=""
                        src="/Teamsoo/Teamsoo/images/services2.gif">
                </div>
                <div style="height: 30px; line-height: 30px; padding-bottom: 4px; font-size: 18px; font-family: '微软雅黑'; color: #000000; font-weight: bold;">
                    网络整合与营销推广
                </div>
                <div style="line-height: 21px; padding-bottom: 25px;">
                    从前期市场调查、产品定位，到网络宣传、网络公关，
                    整合业界最直接有效的营销推广模式。
                </div>
                <div style="line-height: 21px; color: #333; font-size: 14px; line-height: 24px; margin-top: 23px;">
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>搜索引擎营销<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>线上媒介推广<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>口碑营销策划（论坛、微博等）<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>网络活动及事件策划<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>网络广告投放计划<br>
                </div>
            </div>
            <div style="width: 210px; padding-right: 20px; float: left;">
                <div style="width: 109px; height: 109px; padding: 0 0 5px 15px;">
                    <img alt=""
                        src="/Teamsoo/Teamsoo/images/services3.gif">
                </div>
                <div style="height: 30px; line-height: 30px; padding-bottom: 4px; font-size: 18px; font-family: '微软雅黑'; color: #000000; font-weight: bold;">
                    电子商务策划与代运营
                </div>
                <div style="line-height: 21px; padding-bottom: 25px;">
                    品牌策略+网络营销+电子商务，一站式解决方案，
                    独立且专业的运营团队，提供一体化的运营服务。
                </div>
                <div style="line-height: 21px; color: #333; font-size: 14px; line-height: 24px; margin-top: 23px;">
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>市场调研<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>网络品牌策划<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>网站网店建设<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>网络营销推广<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>渠道建设<br>
                    <span style="color: #e6002e; padding-right: 3px;">-

                    </span>电商代运营（天猫、京东等）<br>
                </div>
            </div>
        </div>
        <div style="height: 35px; line-height: 35px; padding-bottom: 5px; font-size: 24px; font-family: '微软雅黑'; color: #000;">
            我们的思考方式
        </div>
        <div style="line-height: 23px; padding-bottom: 31px; color: #333333; font-size: 14px;">
            我们坚持站在客户的角度思考问题，用领先的互动策略思考模式打破

常规。<br>
            我们坚信每一个成功项目都是良好团队合作的成果，我们共同思考和

创新，帮助客户寻找接近目标受众最佳互动解决方案。
        </div>
        <div style="padding: 0 0 40px 46px;">
            <a name="list">
                <img width="627" height="236"
                    src="/Teamsoo/Teamsoo/images/services5.gif" alt=""></a>
        </div>
        <div style="height: 35px; line-height: 35px; padding-bottom: 5px; font-size: 24px; font-family: '微软雅黑'; color: #000;">
            他们选择了我们
        </div>

        <div style="line-height: 23px; padding-bottom: 33px; color: #333333; font-size: 14px;">
            每一个企业的品牌梦想，我们都将鼎力相助&mdash;&mdash;品牌创造

价值 Brand to create value<br>
            我们长期服务于具有行业影响力的品牌，也全力协助新兴品牌。开创

网络互动营销全新运营模式。
        </div>
        <div style="padding-bottom: 20px; overflow: hidden; zoom: 1;">
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_01.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_02.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_03.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_04.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_05.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_06.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_07.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_08.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_09.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_10.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_11.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_12.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_13.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_14.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_15.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_16.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_17.gif" alt="">
            </div>
            <div style="width: 102px; height: 40px; margin-right: 60px; margin-bottom: 26px; float: left;">
                <img width="102" height="40"
                    src="http://teamsoo.com/UpLoadFile/logo/service_logo_18.gif" alt="">
            </div>
        </div>
        <div style="padding-bottom: 40px; overflow: hidden; zoom: 1;">
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                中国移动
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                万利达
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                省社科院
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                中兴手机
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                泸州老窖
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                仙踪林
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                加多宝
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                碧桂园
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                暨南大学
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                理论粤军网
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                哥弟
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                奥迪
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                长隆
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                酷虎
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                家和家居
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                晓景轩
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                颜如玉
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                缘点
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                白云山
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                德辰
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                创普咨询
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                朗达
            </div>
            <div style="float: left; padding: 0 5px 0 5px; text-align: left; width: 90px; height: 23px; line-height: 23px; color: #333;">
                牛力文化
            </div>
        </div>
        <!---->
    </div>
    <div style="margin: 0 auto; overflow: hidden; width: 976px;">

        <div style="float: left; width: 783px;">
            <div class="submit_top">
                快速提交您的需求，我们将在24小时内回复您的信息。
            </div>
            <form method="post" action="SiteAjax.ashx">
                <div class="submit_bot">
                    <div class="sb_top">
                        <div class="sumit_input">
                            <input type="text" maxlength="10" class="input_submits novalue" value="您的姓名" name="name"
                                id="name">
                        </div>
                        <div class="sumit_input">
                            <input type="text" maxlength="50" class="input_submits novalue" value="贵公司网站地址" name="address"
                                id="address">
                        </div>
                        <div class="sumit_input">
                            <input type="text" class="input_submits novalue" value="您的联系电话" name="linknum"
                                id="linknum">
                        </div>
                        <div class="sumit_input">
                            <input type="text" maxlength="30" class="input_submits novalue" value="您的QQ或邮箱" name="linkemail"
                                id="linkemail">
                        </div>
                        <div class="sumit_input">
                            <input type="text" maxlength="40" class="input_submits novalue" value="您所代表的公司" name="company"
                                id="company">
                        </div>
                        <div class="sumit_input2">
                            <table>
                                <tbody>
                                    <tr>
                                        <td>
                                            <input type="text" maxlength="10" class="checkcode novalue" value="请输入右侧验证码" name="checkcode"
                                                id="checkcode">
                                        </td>
                                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                                        <img src="AddMsg.ashx" alt="" onclick="this.src='AddMsg.ashx?aaa='+new Date()" title="点击更换验证码"
                                            style="cursor: pointer;">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="sb_area">
                        <div class="sb_area_inputs">
                            <textarea rows="" cols="" name="need" id="need" class="sb_aiarea novalue">您的详细需求描述</textarea>
                        </div>
                        <div class="sbar_btn">
                            <input type="button" onclick="PostValue()" style="background: url(/Teamsoo/Teamsoo/images/contus8.gif) 0 0 no-repeat; width: 165px; height: 100px; cursor: pointer; border: 0;">
                        </div>
                    </div>
                </div>
            </form>
            <div class="ly_tip">
                或者直接将需求发送到邮件：<a href="mailto:ts@@teamsoo.com">ts@@teamsoo.com</a>
            </div>
        </div>
    </div>
    <uc2:Bottom ID="Bottom1" runat="server" />
</body>
</html>
